<script setup lang="ts">
import { storeToRefs } from 'pinia';

import { addAiImageStore } from '#/store';

const addAiImage = addAiImageStore();
const { selectImageList } = storeToRefs(addAiImage);
</script>

<template>
  <div>
    <a-space>
      <div v-for="(item, index) in selectImageList" :key="index">
        <div>
          <div class="mb-2">
            <img :src="item.oldUrl" alt="" height="60" width="60" />
          </div>
          <div>
            <img
              v-if="item.newUrl !== item.oldUrl"
              :src="item.newUrl"
              alt=""
              height="60"
              width="60"
            />
            <div
              v-else
              class="flex-center border"
              style="width: 60px; height: 60px"
            >
              未修改
            </div>
          </div>
        </div>
      </div>
    </a-space>
  </div>
</template>
